<template>
  <div>
    <div class="wrapper">
      <template v-for="videos in videoList">
        <div class="video-box" :key="videos.videos_id">
          <video
            controls
            loop="None"
            style="width:100%;height:100%"
            :src="spliceUrl(videos.video_address)"
          ></video>
        </div>
      </template>
    </div>
  </div>
</template>
<script>
import { mapState, mapMutations, mapActions, mapGetters } from "vuex";
export default {
  data() {
    return {
      videoList: []
    };
  },
  created() {
    // this.getVideos();
  },
  computed: {},
  methods: {
    ...mapActions("video", ["getVideo"]),
    getVideos() {
      this.getVideo().then(res => {
        console.log(res);
        this.videoList = res.data.videoList;
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.wrapper {
  .video-box {
    width: 500px;
    height: 400px;
  }
}
</style>
